@wrapper-height: 100vh;
@scrollview-height: calc(@wrapper-height - 10px);
@scrollbar-height: 10px;
@scrollbar-width: 5px;
@scrollbar-color: #999;

.wrapper {
  height: @wrapper-height;
  display: flex;
  justify-content: center;
  align-items: center;

  .scrollview {
    width: 100%;
    height: @scrollview-height;
    overflow-y: scroll;
    margin-bottom: 10px;
    padding: 0 20px;

    &::-webkit-scrollbar {
      width: @scrollbar-width;
      height: @scrollbar-height;
    }

    &::-webkit-scrollbar-thumb {
      background-color: @scrollbar-color;
    }
  }

  .image {
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
}
